<div>
    <form>
        <div class="form-group">
            <label>Hotel</label>
            <input type="text" class="form-control" ng-disabled='true' ng-model="vm.ret.hotelName" />
        </div>
        <div class="form-group">
            <label>Position</label>
            <input type="text" class="form-control" ng-disabled='true' ng-model="vm.current.position" />
        </div>
        <div class="form-group">
            <label>Name</label>
            <div ng-switch='vm.current.vacantStatus'>
                <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                <div ng-switch-default>
                    <input type="text" class="form-control" ng-model="vm.current.name" />
                </div>
            </div>
            <!-- <input type="text" class="form-control" ng-model="vm.current.name" ng-change="vm.checkVacant(vm.current)"/> -->
        </div>
        <div class="form-group">
            <label>Vacant Date</label>
            <span class="input-group">
                          <input type="text" class="form-control" uib-datepicker-popup ng-model="vm.current.vacantDate" is-open="vm.current.opened" datepicker-options="dateOptions"  ng-required="true" close-text="Close"  ng-change="vm.checkVacant(vm.current, vm.ret)" readonly/>
                          <span class="input-group-btn">
                            <button type="button" class="btn btn-default" ng-click="open(vm.current,$event)" ng-disabled="vm.current.vacantStatus!='danger' && vm.current.vacantStatus!='warning' && vm.current.vacantStatus!='purple' && vm.current.name!=''&& vm.current.name!=' '"><i class="glyphicon glyphicon-calendar"></i></button>
                          </span>
            </span>
        </div>
        <div class="form-group">
            <label>Comment</label>
            <input type="text" class="form-control" ng-model="vm.current.comment" ng-change="vm.checkVacant(vm.current)" />
        </div>
        <div class="form-group">
            <label>Diversity</label>
            <select class="form-control" ng-options="div for div in vm.diversityOptions track by div" ng-model="vm.current.diversity">
            </select>
        </div>
        <button type="submit" class="btn btn-danger" ng-click="vm.update()">Update</button>
        <p>{{vm.msg}}</p>
    </form>
</div>
